<template>
    <view class="step18-box step-box">
        <UNavbar title="整体总结"> </UNavbar>
        <view class="text">
            <up-textarea
                v-model="data.form.text"
                placeholder="描述今日修复数量，存在问题总结"
            ></up-textarea>
        </view>
        <TabStep
            :rightText="'提交'"
            @leftClick="onLeftClick"
            @rightClick="onRightClick"
        ></TabStep>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import TabStep from './TabStep.vue';
import UNavbar from '@/components/YNavbar/index.vue';
const data = reactive({
    form: {
        text: '',
    },
});
const onLeftClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step19',
    });
};

const onRightClick = () => {
    uni.showToast({
        title: '提交成功',
        icon: 'success',
        duration: 1000,
    });
    setTimeout(() => {
        uni.navigateTo({
            url: '/pages/home/home',
        });
    }, 1300);
};
</script>

<style lang="scss">
.step18-box {
    .text {
        padding: 20rpx;
    }
}
</style>
